<template>
  <div class="app-warp">
    <UiChatApp />
    <UiAplayer v-if="type==='pc'" />
  </div>
</template>

<script>
import UiChatApp from './views/UiChatApp'
import UiAplayer from '../../components/UiAplayer'
import { getDeviceType } from '../../components/emoji'
export default {
  name: 'App',
  components: {
    UiChatApp,
    UiAplayer
  },
  data() {
    const type = getDeviceType(window.navigator.userAgent)
    return {
      type
    }
  }
}
</script>

<style lang="less">
  .slide-enter-active, .slide-leave-active {
    transition: all .5s;
  }
  .slide-leave-to,.slide-enter{
    opacity: 0;
    transform: translateY(-40px);
  }
  html,body{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }
  .app-warp{
    width: 100%;
    height: 100%;
  }
  .app-warp *{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
</style>
